
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="1.css">
    <link rel="stylesheet" href="2.css">
</head>
<body>
    <div class="top">
        <img src="images/logo.png" alt="">
    </div>

    <div class="nav">
        <a href="#">首页&nbsp;</a>
        <i class="iconfont icon-dayuhao"></i>
        <a href="#">预防装修污染&nbsp; </a>
        <i class="iconfont icon-dayuhao"></i>
        <a href="#">材料库</a>
    </div>
    <div class="container">
        <table>
            <tr class="row">
                <td class="menu"><a href="#">类别</a></td>
                <td class="part"><a href="#">全部</a></td>
                <td class="part"><a href="#">地板</a></td>
                <td class="part"><a href="#">涂料</a></td>
                <td class="part"><a href="#">墙纸</a></td>
                <td class="part"><a href="#">瓷砖</a></td>
                <td class="part"><a href="#">粘胶剂</a></td>
                <td class="part"><a href="#">油漆</a></td>
                <td class="part"><a href="#">家具</a></td>
                <td class="part"><a href="#">板材</a></td>
                <td class="part"><a href="#">饰品</a></td>
                <td class="part"><i class="iconfont icon-jiantouarrow486"></i></td>
            </tr>

            <tr class="row">
                <td class="menu"><a href="#">类型</a></td>
                <td class="part" v><a href="#">全部</a></td>
            </tr>

            <tr class="row">
                <td class="menu"><a href="#">材质</a></td>
                <td class="part"><a href="#">全部</a></td>
                <td class="part"><a href="#">实木</a></td>
                <td class="part"><a href="#">复合</a></td>
                <td class="part"><a href="#">强化</a></td>
                <td class="part"><a href="#">其他</a></td>
            </tr>

            <tr class="row">
                <td class="menu"><a href="#">品牌</a></td>
                <td class="part"><a href="#">全部</a></td>
                <td class="part"><a href="#">圣象</a></td>
                <td class="part"><a href="#">大自然</a></td>
                <td class="part"><a href="#">生活家</a></td>
                <td class="part"><a href="#">北美枫情</a></td>
                <td class="part"><a href="#">德尔</a></td>
                <td class="part"><a href="#">博典</a></td>
                <td class="part"><a href="#">船王</a></td>
            </tr>
        </table>
    </div>
    <div class="search">
        <div class="search-title">
            <i class="iconfont">发布时间&#xe640; </i>
            <i class="iconfont">价格&#xe602; </i>
            <i class="iconfont">环保节能&#xe602;</i>
        </div>

        <div class="search-text">
            <form>
                <input type="text">
                <button class="open"><i class="iconfont">&#xe819;</i><span>搜索</span></button>
            </form>
        </div>
        <div class="search-sign">
            <i class="iconfont icon-wenhao">
                了解家具医生建材环保评级标准
            </i>

        </div>

    </div>


    <div class="bottom1">
        <div class="product">
            <div class="product-center">
                <img src="images/data_image.png" alt="">
                <div class="product-mid">
                    <p>德尔 &nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                    <p>木地板 - &nbsp复合地板</p>
                    <p> 单价：128元/m²</p>
                    <span class="color">环保评级：B&nbsp; </span>
                    <span>（可以使用）</span>
                </div>
            </div>
        </div>
        <div class="product">
            <div class="product-center">
                <img src="images/data_image.png" alt="">
                <div class="product-mid">
                    <p>德尔 &nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                    <p>木地板 - &nbsp复合地板</p>
                    <p> 单价：128元/m²</p>
                    <span class="color">环保评级：B&nbsp; </span>
                    <span>（可以使用）</span>
                </div>
            </div>
        </div>
        <div class="product">
            <div class="product-center">
                <img src="images/data_image.png" alt="">
                <div class="product-mid">
                    <p>德尔 &nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                    <p>木地板 - &nbsp复合地板</p>
                    <p> 单价：128元/m²</p>
                    <span class="color">环保评级：B&nbsp; </span>
                    <span>（可以使用）</span>
                </div>
            </div>
        </div>
        <div class="product">
            <div class="product-center">
                <img src="images/data_image.png" alt="">
                <div class="product-mid">
                    <p>德尔 &nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                    <p>木地板 - &nbsp复合地板</p>
                    <p> 单价：128元/m²</p>
                    <span class="color">环保评级：B&nbsp; </span>
                    <span>（可以使用）</span>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom1">
        <div class="product">
            <div class="product-center">
                <img src="images/data_image.png" alt="">
                <div class="product-mid">
                    <p>德尔 &nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                    <p>木地板 - &nbsp复合地板</p>
                    <p> 单价：128元/m²</p>
                    <span class="color">环保评级：B&nbsp; </span>
                    <span>（可以使用）</span>
                </div>
            </div>
        </div>
        <div class="product">
            <div class="product-center">
                <img src="images/data_image.png" alt="">
                <div class="product-mid">
                    <p>德尔 &nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                    <p>木地板 - &nbsp复合地板</p>
                    <p> 单价：128元/m²</p>
                    <span class="color">环保评级：B&nbsp; </span>
                    <span>（可以使用）</span>
                </div>
            </div>
        </div>
        <div class="product">
            <div class="product-center">
                <img src="images/data_image.png" alt="">
                <div class="product-mid">
                    <p>德尔 &nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                    <p>木地板 - &nbsp复合地板</p>
                    <p> 单价：128元/m²</p>
                    <span class="color">环保评级：B&nbsp; </span>
                    <span>（可以使用）</span>
                </div>
            </div>
        </div>
        <div class="product">
            <div class="product-center">
                <img src="images/data_image.png" alt="">
                <div class="product-mid">
                    <p>德尔 &nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                    <p>木地板 - &nbsp复合地板</p>
                    <p> 单价：128元/m²</p>
                    <span class="color">环保评级：B&nbsp; </span>
                    <span>（可以使用）</span>
                </div>
            </div>
        </div>
    </div>

   
    <div class="page">
        <div class="page-near">
            <button>上一页</button>
            <a href="#">1</a>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">4</a>
            <a href="#">5</a>
            <button>下一页</button>
        </div>
        <div class="page-skip">
            <p>共有10页，去第&nbsp&nbsp <input type="text">&nbsp&nbsp 页
            </p>
        </div>
        <div class="page-button">
            <button>确定</button>
        </div>
    </div>

   
    <div class="picture">
        <img src="images/small_weixin.png" alt="">
        <p class="one">建材检测 需求反馈</p>
        <p class="two">亲爱的用户，我们正在不断的完善和更新建材库,<br>
            若没有找到您想要的材料信息，请将您想测的建材告诉我们。</p>
    </div>

    
    <div class="final">
        <div class="finally">
            <div class="finally-first">
                <img src="images/footerLogo.png" alt=""><br>
                <span>为室内环境健康把好每一关</span>
                <p>家居医生致力于中国人的家居健康问题，通过专业的技术研究和测评，倾力于协助大宗打造绿色，环保的人居生活环境。</p>

            </div>

            <div class="finally-second">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">加入我们</a></li>
                </ul>
            </div>

            <div class="finally-third">
                <ul>
                    <li><a href="#">版权说明</a></li>
                    <li><a href="#">用户隐私</a></li>
                    <li><a href="#">免费申明</a></li>
                </ul>
            </div>

            <div class="finally-forth">
                <ul>
                    <li><a href="#"><i class="iconfont"> &#xe63d; </i> 官方微信</a></li>
                    <li><a href="#"><i class="iconfont"> &#xe799; </i> 天猫旗舰店</a></li>
                    <li><a href="#"><i class="iconfont"> &#xe61a; </i> 有赞商城</a></li>
                </ul>
            </div>
            <hr>
            <div class="finally-fifth">
                <p>深圳建筑科学研究院股份有限公司&nbsp 家居医生网</p>
            </div>
            <div class="finally-sixth">
                <p> 鄂ICP证ICP08011321号 cCopyright All Rights Reserved
                </p>
            </div>

        </div>
    </div>
</body>
</html>